Shows the panel.

<div class="definition">
    show(panel, [immediate])
</div>

<div class="arguments">
    <table>
    <tr>
        <td>panel</td>
        <td><b>string</b>, name of the panel</td>
    </tr>
    <tr>
        <td>immediate</td>
        <td><b>boolean</b>, without animation (<i>optional</i>)</td>
    </tr>
    </table>
</div>

<h4>Description</h4>

The first argument <span class="argument">panel</span> is the name of the panel. It can be one of the following:
<ul style="margin-left: 50px">
    <li>top
    <li>left
    <li>main
    <li>right
    <li>preview
    <li>bottom
</ul>
The panel is shown with animation that takes approximately 2 seconds. If you want to show the panel without animation set the second
argument <span class="argument">immediate</span> to true.
<div style="height: 10px"></div>

If you have a layout defined as:
<textarea class="javascript">
let layout = new w2layout({
    name    : 'layout',
    panels  : [
        { type: 'top', size: 40 },
        { type: 'main', html: 'This is main panel' },
        { type: 'preview', size: 200 }
    ]
});
</textarea>

You can show with animation
<textarea class="javascript">
w2ui.layout.show('preview');
</textarea>

Or without animation
<textarea class="javascript">
w2ui.layout.show('preview', true);
</textarea>